<template>
    <div class="main">
        <div class="wrap">
            <keep-alive>
                <router-view></router-view>
            </keep-alive>
        </div>
        <footer class="footer">
            <router-link to="/main/home">首页</router-link>
            <router-link to="/main/classify">分类</router-link>
            <router-link to="/main/shopcar">购物车</router-link>
            <router-link to="/main/my">我的</router-link>
        </footer>
    </div>   
</template>

<script>
export default {
    methods:{
    }
}
</script>

<style scoped lang="scss">
    .main{
        @include size(100%,100%);
        display: flex;
        flex-direction:column;
    }
    .wrap{
        width:100%;
        flex:1;
        overflow: hidden;
    }
    .footer{
        @include size(100%,44px);
        border-top:1px solid gray; //细线
    }
</style>

